<template>
  <view class="backdrop">
    <view class="green-view"></view>
    <view class="orange-view"></view>
  </view>
</template>
  
<script>
export default {};
</script>
  
<style scoped lang="scss">
.backdrop {
  height: 260px;
  width: 100vw;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(
    180deg,
    #e4fbff 0%,
    rgba(255, 255, 255, 0) 100%,
    #ffffff 100%
  );

  .green-view {
    position: absolute;
    top: 0;
    left: 26px;
    background: #cbffd1;
    opacity: 0.61;
    filter: blur(27px);
    width: 72vw;
    height: 128px;
  }

  .orange-view {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 235, 207, 0.91);
    filter: blur(44px);
    width: 15vw;
    height: 134px;
  }
}
</style>
  